.header_top>img {
    width: 100%;
}

.header_top img {
    width: 100%;
}

.logo {
    width: 128px;
    display: inline-block;
    vertical-align: middle;

}

.logo a {
    display: block;
}

.header_bottom {
    padding: 30px 0 0;
}

.headetr_b_right {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: calc(100% - 128px);
}

.header_form {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.header_form form {
    box-sizing: border-box;
    width: 540px;
    border: 2px solid #c5c5c5;
    margin-bottom: 12px;
}

.header_form form {
    font-size: 0;
}

.header_form form input {
    display: inline-block;
    vertical-align: middle;
    outline: none;
    border: none;
    width: calc(100% - 56px);
    height: 37px;
    line-height: 37px;
    box-sizing: border-box;
    padding: 0 20px;
}

.header_form form button {
    display: inline-block;
    vertical-align: middle;
    width: 56px;
    text-align: center;
    line-height: 37px;
    height: 37px;
    background: #555555;
    color: #fff
}

.header_form form button:hover {
    background: #eea800;
}

.header_form a {
    display: inline-block;
    padding: 0 10px;
    color: #a6a6a6;
    font-size: 12px;

}

.header_shop {
    display: inline-block;
    margin-left: 100px;
    text-align: left;
}

.shop {
    display: inline-block;
}

.shop a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.shop a i {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e4e4e4;
    color: #555555;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
.shop a:nth-of-type(3){display:none;}
.shop a span {
    display: inline-block;
    vertical-align: middle;
    color: #555555;
    padding: 0 0;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
}

.shop a.ac span {
    width: 42px;
    padding: 0 5px;
}

.shop a img {
    position: absolute;
    left: 50%;
    top: 110%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: none;
    z-index: 10;
}

.shop a.ac i {
    color: #fff;
    background: #eea800;
}

.yydz {
    display: inline-block;
    vertical-align: middle;
    margin-left: 38px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, .44);
    border-radius: 5px;
}

.yydz_btn {
    display: inline-block;
    width: 200px;
    border-radius: 5px;
    background-size: 100% 100%;
    background-image: url(../images/yybtnbac.png);
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.yydz_btn:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 0;
    height: 1px;
    background: #fff;
}

.yydz_btn:after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 0;
    height: 1px;
    background: #fff;
}

.yydz_btn:hover:before,
.yydz_btn:hover:after {
    width: 10px;
}

.yydz_btn span {
    display: inline-block;
    vertical-align: middle;
    line-height: 42px;
    text-shadow: 1px 0 1px #de6904;
    font-weight: bold;
    font-size: 18px;
}

.yydz_btn i {
    display: inline-block;
    vertical-align: middle;
}

.header_nav {
    padding-top: 33px;
}

.header_nav ul {
    padding-bottom: 22px;
}

.header_nav li {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #e3e3e3;
    padding: 0 34px;
    position: relative;
}

.header_nav li:first-child:after {
    content: 'HOT';
    display: inline-block;
    padding: 0 6px;
    background: #ed4e08;
    line-height: 14px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    right: 8px;
    top: -24px;

}

.header_nav li:first-child:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 4px solid #ed4e08;
    border-color: #ed4e08 transparent transparent transparent;
    position: absolute;
    right: 34px;
    top: -10px;
}

.header_nav li a {
    display: inline-block;
    line-height: 18px;
    color: #09151c;
    font-size: 18px;
    position: relative;
}

.header_nav li a:after {
    content: '';
    display: block;
    background: #ed4e08;
    width: 0;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -24px;
}

.header_nav li:last-of-type {
    border-right: none;
    padding-right: 0;
}

.header_nav li.ac a:after,
.header_nav li:hover a:after {
    width: 100%;
    left: 0;
}

.header_nav li.ac a,
.header_nav li:hover a {
    color: #ed4e08
}

footer {
    background: #3b3837;
    padding: 55px 0 0;
}

.f_nav {
    float: left;
}

.f_nav ul {
    display: inline-block;
    vertical-align: top;
    width: 100px;
}

.f_nav ul li a {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    line-height: 36px;
}

.f_nav ul li a:hover {
    color: #fff
}

.f_nav ul li:nth-child(1) a {
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid transparent;
    margin-bottom: 28px;
    display: block;
}

.f_nav ul li:nth-child(1) a:hover {
    border-color: #fff
}

.f_ewm {
    float: right;
    text-align: center;
}

.f_ewm span {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    padding: 9px 0 0;
}

.f_tel {
    padding-right: 120px;
    float: right;
}

.f_tel p {
    color: #fff;
    font-size: 18px;
}

.f_tel h2 {
    color: #fff;
    font-size: 36px;
    font-family: 'arb';
    margin: 15px 0 30px;
}
.f_tel h2 a{color: #fff;font-size: 36px;font-family: 'arb';}
footer .shop a span {
    color: #fff
}

footer .shop {
    margin-bottom: 24px;
}

.f_tel h6 {
    margin-top: 10px;
    width: 166px;
    box-sizing: border-box;
    height: 34px;
    border-radius: 34px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 34px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
}

.f_tel h6:hover {
    background-image: url(../images/f_btnbac.png);
    border-color: transparent;
    box-shadow: 1px o 3px rgba(0, 0, 0, .55);
}

.links {
    margin-top: 55px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 46px 0 0;
    float: left;
    width: 100%;
}

.links span {
    color: #888888;
    font-size: 14px;
    margin-bottom: 16px;
    display: inline-block;
    vertical-align: middle;
}

.links a {
    color: #888888;
    font-size: 14px;
    margin-bottom: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    padding: 0 5px;
    border-right: 1px solid #888;
}

.links a:last-of-type {
    border-right: 0;
}

.links a:hover {
    color: #fff
}

.copyright {
    padding: 40px 0 50px;
}

.copyright p {
    float: right;
    color: #fff;
    font-size: 14px;
}

.copy_nav {
    float: left;
}

.copy_nav a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-right: 1px solid #fff;
    padding: 0 5px;
    line-height: 15px;
}

.copy_nav a:last-of-type {
    border-right: 0;
}

.copy_nav a:first-child {
    padding-left: 0;
}

.copy_nav a:hover {
    color: #eea800
}

.cbl {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10;
    border: 1px solid #eea800;
    background: #fff;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.cbl li {
    width: 67px;
    height: 70px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    font-size: 0;
}
.cbl li:nth-of-type(3){display:none;}

.cbl li:after {
    content: '';
    display: block;
    width: calc(100% - 8px);
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #e9e9e9;
}

.cbl li i {
    display: block;
    position: relative;
    color: #eea800;
    font-size: 28px;
    margin-top: 12px;
    height: 33px;
}

.cbl li:nth-child(1) i img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.cbl li span {
    color: #777777;
    font-size: 12px;
    display: block;
    margin-top: 6px;
}

.cbl li:last-of-type {
    width: 100%;
    padding: 0;
    height: auto;
}

.cbl li:last-of-type a {
    color: #fff;
    background: #eea800;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    text-align: center;
}

.cbl li:last-of-type a:after {
    content: '';
    display: inline-block;
    width: 0;
    vertical-align: middle;
    height: 1px;
    background: #fff;
    margin-left: 5px;
}

.cbl li:last-of-type a:before {
    content: '';
    display: inline-block;
    width: 0;
    vertical-align: middle;
    height: 1px;
    background: #fff;
    margin-right: 5px;
}

.cbl li:last-of-type:after {
    display: none;
}

.cbl li:last-of-type:hover a:before,
.cbl li:last-of-type:hover a:after {
    width: 8px;
}

.cbl li:hover span {
    color: #eea800
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 20;
    transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
}

.modal>.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.modal>.container>font {
    display: block;
    font-size: 46px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%) translateY(-100%);
    -ms-transform: translateX(100%) translateY(-100%);
    -webkit-transform: translateX(100%) translateY(-100%);
    cursor: pointer;
}

.modal.active {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}

.modal_form {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    width: 73%;
    border: 5px solid #fdb31b;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    padding-bottom: 140px;
    display: none;
}

.modal_form.size_form {
    width: auto;
    border: none;
    background: transparent;
    width: 100%;
}

.size_form .ddyy {
    border-top: none;
    background: #eea800;
    padding: 14px;
    box-sizing: border-box;
}

.size_form .ddyy .ddyy_left {
    vertical-align: middle;
}

.size_form .ddyy .ddyy_right {
    vertical-align: middle;
}

.modal_form.ac {
    display: block;
}

.modal_form h1 {
    font-weight: bold;
    font-size: 72px;
    color: #000000;
    margin-bottom: 35px;
}
.ddyy_form_left h1{display: none;}

.modal_form h1 span {
    font-size: 120px;
    color: #ffb400;
    font-style: italic;
    padding: 0 30px;
}

.modal_form form {
    display: inline-block;
    width: 63%;
}

.modal_block {
    border-radius: 2px;
    border: 2px solid #fdb31b;
    box-sizing: border-box;
    padding: 0 46px;
    margin-bottom: 17px;
    text-align: left;
}

.modal_block input {
    height: 74px;
    line-height: 74px;
    border: none;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: calc(100% - 168px);
    color: #fff;
    background: transparent;
}

.modal_block i {
    color: #eea800;
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    margin-right: 16px;
}

.modal_block span {
    color: #eea800;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.modal_block.active {
    background: #ed4e08;
}

.modal_block.active i,
.modal_block.active span {
    color: #fff
}

.modal_block.active input::-moz-placeholder {
    color: #fff
}

.modal_block.active input:-ms-input-placeholder {
    color: #fff
}

.modal_block.active input::-webkit-input-placeholder {
    color: #fff
}

.modal_button {
    position: absolute;
    width: 256px;
    height: 256px;
    border-radius: 50%;
    background: rgba(249, 165, 23, .1);
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    -webkit-transform: translateX(-50%) translateY(50%);
}

.modal_button:before {
    content: '';
    display: block;
    width: 84%;
    height: 84%;
    border-radius: 50%;
    background: rgba(249, 165, 23, .1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.modal_button:after {
    content: '';
    display: block;
    width: 68%;
    height: 68%;
    border-radius: 50%;
    background: rgba(249, 165, 23, 1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.modal_button span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    display: block;
    z-index: 5;
    color: #fff;
    font-weight: bold;
    font-size: 34px;

}

.modal_button:hover,
.modal_button:hover:before {
    background: rgba(249, 165, 23, .3);
}

.modal_form>font {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    line-height: 37px;
    text-align: center;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transform: translateY(-100%) translateX(100%);
    -ms-transform: translateY(-100%) translateX(100%);
    -webkit-transform: translateY(-100%) translateX(100%);
}

.modal_form>font:hover {
    color: #eea800;
    border-color: #eea800
}

body {
    box-sizing: border-box;
}

body.over {
    overflow: hidden;
}

.succ {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    display: none;
}

.succ.ac {
    display: block;
}

.succ>font {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #fdb51b;
    color: #fdb51b;
    line-height: 37px;
    text-align: center;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.succ_alert {
    width: 466px;
    height: 466px;
    border-radius: 50%;
    background: rgba(238, 168, 0, .1);
    position: relative;
}

.succ_alert:before {
    content: '';
    display: block;
    width: 83.5%;
    height: 83.5%;
    border-radius: 50%;
    background: rgba(238, 168, 0, .3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.succ_alert:after {
    content: '';
    display: block;
    width: 77%;
    height: 77%;
    border-radius: 50%;
    background: rgba(238, 168, 0, 1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .26);
}

.succ_alert div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    text-align: center;
    z-index: 10;
}

.succ_alert div h2 {
    color: #fbf6ec;
    font-size: 60px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #de6904;
    white-space: nowrap;
}

.succ_alert div p {
    color: #fff;
    margin-top: 24px;
}

.bottom_list {
    text-align: center;
    padding: 30px 0;
}

.bottom_list li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

.bottom_list span {
    display: inline-block;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 1px solid #cecece;
    position: relative;
}

.bottom_list span i {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    color: #000;
    font-size: 30px;
}

.bottom_list p {
    color: #3d3d3d;
    font-size: 18px;
    margin-top: 10px;
}

.bottom_yy {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #eea500;
    width: 100%;
    z-index: 10;
    text-align: center;
    display: none;
}

.bottom_yy font {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    line-height: 26px;
    display: inline-block;
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
}

.bottom_yy img {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateX(-140%);
    -ms-transform: translateX(-140%);
    -webkit-transform: translateX(-140%);

}

.bottom_yy form {
    position: relative;
    display: inline-block;
    padding: 18px 0;
}

.bottom_yy input {
    border: 1px solid #ee8100;
    outline: none;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    padding: 0 20px;
    width: 220px;
    margin: 0 10px;
}

.bottom_yy input:nth-of-type(2) {
    width: 280px;
}

.bottom_yy input:-moz-placeholder {
    color: #000
}

.bottom_yy input:-ms-input-placeholder {
    color: #000
}

.bottom_yy input::-webkit-input-placeholder {
    color: #000
}

.bottom_yy button {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../images/btnback.png);
    height: 42px;
    padding: 0 60px;
    text-align: center;
    line-height: 42px;
    box-sizing: border-box;
    /* border: 1px solid #f3f3f3; */
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    margin: 0 0 0 20px;
    box-shadow: 1px 0 3px rgba(0, 0, 0, .44);

}

.bottom_yy button:hover {
    transform: scale(1.125);
    -ms-transform: scale(1.125);
    -webkit-transform: scale(1.125);
}

.left_yy {
    position: fixed;
    left: 0;
    bottom: 6vh;
    z-index: 10;
    background: #f0ae19;
    padding: 16px 70px 16px 25px;
    cursor: pointer;
}

.left_yy img {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
}

.left_yy h2 {
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
}

.left_yy p {
    font-size: 12px;
    font-weight: bold;
    color: rgba(255, 255, 255, .4)
}


.btn {
    float: right;
    width: 55px;
    height: 55px;
    background: transparent;
    margin-top: 14px;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    line-height: 3px;
    box-sizing: border-box;
    padding-top: 2px;
    transition: 0.4s ease-in-out;
    position: relative;
    z-index: 555;
    display: none
}

.btn i {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: 3px;
    background: #2b2b2b;
    margin-top: 5px;
    border-radius: 5px;
}

.btn i:nth-child(1) {
    transition: 0.4s ease-in-out 0.3s;
    margin-top: 16px
}

.btn i:nth-child(2) {
    transition: 0.4s ease-in-out;
}

.btn i:nth-child(3) {
    transition: 0.4s ease-in-out 0.3s;
}

.btn.active i:nth-child(1) {
    transform: rotate(45deg) translateY(5px) translateX(6px);
}

.btn.active i:nth-child(2) {
    transform: translateX(40px);
    opacity: 0;
}

.btn.active i:nth-child(3) {
    transform: rotate(-45deg) translateY(-6px) translateX(5px);
}

.btn:hover i {
    background: #e50011;
}

.yuan {
    position: relative;
}

.yuan:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-image: url(../images/yh_03.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100;
}

.size_form .container>font {
    position: absolute;
    display: block;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    right: 0;
    top: 0;
    transform: translateX(100%) translateY(-100%);
    -ms-transform: translateX(100%) translateY(-100%);
    -webkit-transform: translateX(100%) translateY(-100%);
}


.sj_tc form {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.sj_tc form>* {
    display: table-cell;
    vertical-align: middle;
}

.sj_tc_left {
    width: 46%;
    background-repeat: no-repeat;
    background-image: url(../images/sj_tcbac_03.png);
    background-position: center center;
    padding: 44px 80px 36px;
    text-align: left;
    background-size: cover;
}

.pro_form.modal_form {
    border: none;
    padding: 0;
}

.sj_tc_right {
    width: 28.35%;
    background-repeat: no-repeat;
    background-image: url(../images/sj_tcimg_03.png);
    background-position: center center;
    background-size: cover;
}

.sj_tc_left p {
    color: #fff
}

.sj_tc_left h1 {
    font-weight: bold;
    font-size: 40px;
    color: #fff
}

.ddyy_form_right.sj_tc_center {
    width: auto;
    padding-top: 0;
    text-align: left;
}

.ddyy_form_right .ddyy_input,
.ddyy_form_right .ddyy_select {
    background: #fff;
}

.pro_forms .sj_tc_left {
    background-image: url(../images/sbac_07.png);
}

.pro_forms .sj_tc_right {
    background-image: url(../images/simg_03.png);

}

.pro_forms .sj_tc_left h1 {
    color: #ed4e08
}